.content {
    width : 100%;
    height: auto;

    .clearfix {
        zoom: 1
    }

    .clearfix:after {
        content   : '';
        display   : block;
        clear     : both;
        height    : 0;
        visibility: hidden;
    }

    .fl {
        float: left;
    }
    .descriptionsIcon {
        width       : 60px;
        height      : 60px;
        margin-right: 35px;
        font-size: 72px;
        margin-top: -11px;
        margin-left: 12px;


        img {
            width : 80px;
            height: 80px;
        }
    }
    .fr {
        float: right;
    }

    .bannerBox {
        width          : 100%;
        height         : 240px;
        background     : url('../../assets/images/banner.png') no-repeat;
        background-size: 100% 100%;
        overflow       : hidden;
        padding-top    : 78px;

        .bannerTitle {
            text-align: center;
            color     : #fff;

            p {
                margin-bottom: 0;

                &:first-child {
                    font-size  : 40px;
                    font-weight: 500;
                    line-height: 56px;
                }

                &:last-child {
                    margin-top : 10px;
                    font-size  : 20px;
                    line-height: 28px;
                }
            }
        }
    }

    .detailBox {
        width : 80%;
        height: auto;
        margin: 40px auto;

        .bigTitle {
            width        : 100%;
            height       : 42px;
            font-size    : 24px;
            font-weight  : 800;
            line-height  : 42px;
            color        : #565966;
            margin-bottom: 10px;
        }

        .littleTitle {
            width      : 100%;
            height     : 28px;
            font-weight: 400;
            line-height: 28px;
            color      : #565966;
            opacity    : 0.7;
            margin     : 0;
        }

        .detailHeadBottom {
            width : 100%;
            height: 30px;

            p {
                height       : 30px;
                line-height  : 30px;
                margin-bottom: 0;

                :global {
                    .anticon {
                        color       : #44C5BB;
                        margin-right: 5px;
                        font-size   : 14px;
                    }
                }

                span {
                    font-size   : 14px;
                    display     : inline-block;
                    margin-right: 5px;

                    &.num {
                        font-size  : 18px;
                        color      : #44C5BB;
                        font-weight: 600;
                    }
                }
            }
        }

        .detailHead {
            width           : 100%;
            height          : 180px;
            background-color: #fff;
            border-radius   : 10px;
            margin-bottom   : 20px;
            padding: 20px;
        }

        .detailBody {
            width : 100%;
            height: auto;

            .detailBodyLeft {
                width           : 100%;
                height          : auto;
                background-color: #fff;
                border-radius   : 10px;
                margin-right    : 40px;
                padding         : 20px 40px;

                :global {
                    .ant-descriptions-item-label::before {
                        width           : 3px;
                        height          : 10px;
                        content         : '';
                        background-color: #44C5BB;
                        border-radius   : 1px;
                        margin-right    : 7px;
                    }

                    .ant-descriptions-item-label {
                        width      : 120px;
                        font-size  : 16px;
                        font-weight: 500;
                        line-height: 25px;
                        color      : #4A5B64;
                        opacity    : 1;
                    }

                    .ant-descriptions-item-content {
                        font-size  : 16px;
                        font-weight: 500;
                        line-height: 25px;
                        color      : #4A5B64;
                        opacity    : 1;
                    }
                }
            }

            .detailBodyRight {
                // width : 100%;
                height: auto;
                margin-left: 20px;

                .detailBodyRightTop {
                    width           : 100%;
                    height          : auto;
                    background-color: #fff;
                    border-radius   : 10px;
                    margin-bottom   : 20px;
                    padding         : 20px;
                    position        : relative;

                    .detailBodyRightTitle {
                        font-weight: 700;
                        line-height: 25px;
                        color      : #4A5B64;
                        font-size  : 18px;

                        &::before {
                            display         : inline-block;
                            width           : 3px;
                            height          : 10px;
                            content         : '';
                            background-color: #44C5BB;
                            border-radius   : 1px;
                            margin-right    : 7px;
                        }
                    }

                    .chartBox {
                        width : 100%;
                        height: 280px;
                    }
                }

                .detailBodyRightBottom {
                    width           : 100%;
                    height          : auto;
                    background-color: #fff;
                    border-radius   : 10px;
                    padding         : 20px;
                    position        : relative;

                    .detailBodyRightTitle {
                        font-weight: 700;
                        line-height: 25px;
                        color      : #4A5B64;
                        font-size  : 18px;

                        &::before {
                            display         : inline-block;
                            width           : 3px;
                            height          : 10px;
                            content         : '';
                            background-color: #44C5BB;
                            border-radius   : 1px;
                            margin-right    : 7px;
                        }
                    }

                    ul {
                        list-style: none;
                        padding   : 0;
                        margin    : 0;

                        li {
                            width        : 240px;
                            height       : 25px;
                            overflow     : hidden;
                            text-overflow: ellipsis;
                            white-space  : nowrap;
                            font-weight  : 400;
                            line-height  : 25px;
                            color        : #4A5B64;
                            font-size    : 16px;
                            margin-bottom: 16px;
                            cursor       : pointer;

                            &:hover {
                                color: #44C5BB;
                            }
                        }
                    }
                }


            }
        }

        .detailBottom {
            width : 100%;
            height: auto;

            :global {
                .ant-btn {
                    width        : 100%;
                    height       : 40px;
                    line-height  : 30px;
                    font-size    : 16px;
                    color        : #fff;
                    background   : #44C5BB;
                    box-shadow   : 0px 2px 3px rgba(0, 0, 0, 0.16);
                    opacity      : 1;
                    border-radius: 4px;
                    margin-top: 20px;

                    &:hover,&:focus{
                     border-color: #44C5BB;   
                    }
                }
                
            }
        }
    }
}